<template>
    <view class="container">
        <view class="tenant" style="border-bottom: 1rpx solid #d4d4d4;">
            <view class="_text">
                我要找房
            </view>
            <view class="_box" @click="realtime">
                <image src="/static/icon/grs.png" mode=""></image>
                <text>实时房源</text>
            </view>
        </view>
        <view class="tenant">
            <view class="_text">
                我要转让
            </view>
            <view class="_box" @click="transfer">
                <image src="/static/icon/grs.png" mode=""></image>
                <text>快速转让</text>
            </view>
        </view>
    </view>
</template>

<script>
    export default {
        name:'trusteeship',
        data() {
            return {

            };
        },
        methods:{
            realtime(){
                uni.navigateTo({url: '/pages/landlord/index/realtime'})
            },
            transfer(){
                uni.navigateTo({url: '/pages/landlord/index/transfer' + uni.$u.queryParams({type: 2})});
            }
        }
    }
</script>

<style lang="scss" scoped>
    .container {
        width: 750rpx;
        height: 1230rpx;
        padding-left: 40rpx;
        // border-top: 1rpx solid #dddddd;
        position: relative;
        .tenant {
            width: 100%;
            height: 27%;
            // background-color: yellow;

            ._text {
                margin-top: 30rpx;
                font-size: 14px;
                font-weight: 600;
            }

            ._box {
                display: inline-block;
                width: 26%;
                height: 62%;
                // background-color: gray;
                margin-top: 30rpx;
                border-radius: 10rpx;
                text-align: center;
                margin-right: 50rpx;
                box-shadow: #c1c1c1 2rpx 2rpx 3rpx 2rpx;
                overflow: hidden;

                image {
                    margin: 0 auto;
                    width: 80rpx;
                    height: 80rpx;
                    display: block;
                    margin-top: 20rpx;
                }

                text {
                    display: inline-block;
                    font-size: 12px;
                    color: black;
                    margin-top: 10rpx;
                    // background-color: red;
                }
            }
        }
    }
</style>
